<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>lyicon - 移动互联网时代专用图标</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="author" content="lyicon">
    <meta name="keywords" content="lyicon,fa,font-awesome,fa文档,fa中文文档,lyicon中文文档">
    <meta name="description" content="100%兼容lyicon的图标，细化图标，把实心图标都改成空心，更加方便APP及现代化网页使用。">
    <meta name="generator" content="OpenCMF">
    <meta name="baidu-site-verification" content="OcF9NJPAJy">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="lyicon">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" type="text/css" href="http://www.lingyun.net/Public/libs/lyui/dist/css/lyui.min.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <style type="text/css" media="screen">
        .navbar .navbar-brand {
            padding: 30px 15px;
            font-size: 20px;
        }
        .navbar .navbar-nav li a {
            color: #666;
            padding: 30px 30px;
        }
        .navbar .navbar-nav li.active a {
            color: #2699ed;
            background-color: #eee;
        }
        .jumbotron-main .btn {
            color: #fff;
            border-color: #fff;
        }
        .jumbotron-main .btn:hover {
            color: #333;
            background: #fff;
        }
    </style>
    <!--<![endif]-->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
</head>
    <div class="navbar navbar-defualt b-r-0 m-a-0">
      <div class="container">
        <div class="navbar-header m-r">
          <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">lyicon字体图标</a>
        </div>
        <div class="navbar-collapse collapse" role="navigation">
          <ul class="nav navbar-nav navbar-right">
              <li><a href="index.html">首页</a></li>
              <li class="active"><a href="start.html">使用方法</a></li>
              <li><a href="icons.html">所有图标</a></li>
              <li><a href="https://pan.baidu.com/s/1o7OkGTc" target="_blank">免费下载</a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="jumbotron-main jumbotron jumbotron-primary p-t-lg p-b-lg" style="height: 450px;">
        <div class="container text-left">
            <h1 class="m-b-lg">使用方法</h1>
            <h2 class="m-b-lg">简单几步轻松搞定Font-Awesome</h2>
            <p class="masthead-button-links">
                <a class="btn btn-lg btn-default-ouline" href="https://pan.baidu.com/s/1o7OkGTc" target="_blank">
                    <span class="fa fa-download"></span>
                    <span>免费下载</span>
                </a>
            </p>
        </div>
    </div>

    <div class="container">
        <div>
            <ol>
                <li>下载lyicon最新安装包.</li>
                <li>
                    在 <code>&lt;head&gt;</code> 标签 里, 引入 css/lyicon.css.
                    <div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path_to_lyicon/css/lyiconcss"</span><span class="nt">&gt;</span></code></pre> </div>
                </li>
                <li>查看各种 <a href="icons.html">例子</a> 学习lyicon的使用方法</li> 
            </ol>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="container">
            <ul class="list-inline pull-left">
                <li><a class="icp" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备15020094号</a></li>
                <li><span class="copyright">版权所有 © 2016-2017 lyicon字体图标</span></li>
            </ul>
            <ul class="list-inline pull-right hidden-xs">
                <li><a href="mailto:admin@lingyun.net" target="_blank"><i class="fa fa-envelope-o" style="color: #fff;"></i> 联系我们</a></li>
                <li><span>当前版本：0.0.2</span></li>
            </ul>
        </div>
    </div>

    <div class="full-script">
        <script type="text/javascript" src="http://www.lingyun.net/Public/libs/lyui/dist/js/lyui.min.js"></script>
    </div>
</body>
</html>
